<template>
  <div :class="classes">
    <slot></slot>
  </div>
</template>

<script>
const prefixCls = "layui-col";

export default {
  name: "Col",
  props: {
    xs: Number,
    sm: Number,
    md: Number
  },
  computed: {
    classes() {
      return {
        [`${prefixCls}-xs${this.xs}`]: !!this.xs,
        [`${prefixCls}-sm${this.sm}`]: !!this.sm,
        [`${prefixCls}-md${this.md}`]: !!this.md
      };
    }
  }
};
</script>

<style scoped>

</style>